(function(){
//获取菜单
function menu(data) {
        newData = [ ...data]
        console.log(newData);
        newData =newData.map(function(item,index){
            return {
                img:item.img.replace(/[\\]/g,'').replace('images','./assets/images'),
                indexmenuId:item.indexmenuId,
                name:item.name,
                titlehref:item.titlehref, 
                __v:item.__v,
                _id:item._id
            }
        })
        let html = "" //这个变量用于保存循环创建出来的结构字符串
        newData.forEach(item => {
            html +=
        `<div>
                <a href="./pages/${item.titlehref}">
                    ${item.img}
                    <p>${item.name}</p>
                </a>
            </div>`
        })

        $("#nav>.navBox").html(html);
        $('#nav>.navBox>div').eq(7).on('click',function(){
            $(this).nextAll().slideToggle ()    
        })
        $('#nav>.navBox>div>a').eq(7).prop('href','#')
}
// 调用函数创建导航结构
$.ajax({
        url: "http://chst.vip:1234/api/getindexmenu"
    })
    .then(res => {
        console.log(res);
        menu(res.result)
    })


//获取商品
function shop(data) {
        newData = [...data]
        console.log(newData);
        let html = "" //这个变量用于保存循环创建出来的结构字符串
        newData.forEach(item => {
            html +=
                `<li productid="${item.productId}">
                <a href="#">
                    <div class="mainLeft">${item.productImgSm}</div>
                    <div class="mainRight">
                        <div class="mainRightTop">
                            <p>${item.productName}<span>${item.productPinkage}</span></p>
                        </div>
                        <div class="mainRightBottom">
                            <p>${item.productFrom} |${item.productTime}</p>
                            <span>${item.productComCount}</span>
                         </div>
                     </div>
                 </a>
        </li>`
        })

        $("#main>ul").html(html);
        $('#main>ul>li').click(function(){
            // console.log(this);
            //获取当前元素的productid
            let productid = this.getAttribute("productid")
            console.log(productid)
            // //跳转到详情页
            location.href = `./../pages/moneyctrlXiang.html?productid=${productid}` 
        })
    }
// 调用函数创建商品
$.ajax({
        url: "http://chst.vip:1234/api/getmoneyctrl"
    })
    .then(res => {
        console.log(res);
        shop(res.result)
    })  
})()
